<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String baseUrl = request.getContextPath();
	request.setAttribute("baseUrl", baseUrl);
	System.out.println("baseUrl: " + baseUrl);
%>	
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>年会抽奖功能</title>
		<link rel="Shortcut Icon" href="${baseUrl}/global/images/favicon.ico" />
		<link rel="Bookmark" href="${baseUrl}/global/images/favicon.ico" />
		<link rel="stylesheet" href="${baseUrl}/framework/jquery/viewer/viewer.css" type="text/css">
		<link href="${baseUrl}/global/css/other/znnh/znnhcj.css" rel="stylesheet"/>
		<script type="text/javascript">
			var gyhList = '${result.gyhList}';
			var xmList = '${result.xmList}';
			var gwList = '${result.gwList}';
			var picList = '${result.picList}';
			var ghInfo = eval("(" + gyhList + ")");
			var nameInfo = eval("(" + xmList + ")");
			var jobInfo = eval("(" +gwList+ ")");
			var ImgallData = eval("(" +picList+ ")");
			var level_3_count = '${result.zjLevel3count}';
			var isUserPass = '${sessionScope.isUserPass}';
			var baseUrl = '${baseUrl}';
			var showNum = [
			           	"/FM/global/images/other/znnh/shownum/0.jpg",
			           	"/FM/global/images/other/znnh/shownum/1.png",
			           	"/FM/global/images/other/znnh/shownum/2.png",
			           	"/FM/global/images/other/znnh/shownum/3.png",
			           	"/FM/global/images/other/znnh/shownum/4.png",
			           	"/FM/global/images/other/znnh/shownum/5.png"
			]
		</script>
		<%-- <script src="${baseUrl}/global/js/other/znnh/cjData.js"></script> --%>
		<script src="${baseUrl}/framework/assets/jquery/jquery.js"></script>
		<script src="${baseUrl}/framework/jquery/viewer/viewer.js" type="text/javascript"></script>
	</head>
	<body>
		<!--点击出现登录开始-->
		<div class="login_kj">
			<div class="login_kj_mask"></div>
			<div class="dlform">
				<div class="dlform_div">
					<span class="close_btn"></span>
					<p class="srname"><i></i><input type="text" id="znnh_yhm" name="znnh_yhm" placeholder="请输入用户名" autocomplete="off" value=""></p>
					<p class="srgh"><i></i><input type="password" id="znnh_password" name="znnh_password" placeholder="请输入密码" autocomplete="off" value=""></p>
					<p class="btn_dl"><a>登录</a></p>
				</div>
			</div>
		</div>
		<!--点击出现登录结束-->
		<!--倒计时部分开始-->
		<div class="count_down">
			<div class="show_num">
				<div class="bj_num">
					<img src="${baseUrl}/global/images/other/znnh/shownum/5.png"/>
				</div>
			</div>
		</div>
		<!--倒计时部分结束-->
		<div class="bj_wrap">
			<div class="kong_180">
				<div class="install">
					<span class="btn_install"><img src="${baseUrl}/global/images/other/znnh/install_sz.png"/></span>
					<ul class="sz_click">
						<li class="sz_ydj">一等奖</li>
						<li class="sz_edj">二等奖</li>
						<li class="sz_sdj">三等奖</li>
					</ul>
				</div>
				<audio loop="loop" autoplay="autoplay" controls="controls">
					  <source src="${baseUrl}/global/resources/znnh/znnh_bgm.mp3" type="audio/mpeg" />
				</audio>
			</div>
			<div class="auto_all">
				<div class="left_zjmd">
					<div class="kong_54" id="dj_ydj"></div>
					<div class="zn_ydj">
						<!--一等奖展现区域-->
						<c:forEach items="${result.zjLevel1List }" var="zjInfo">
							<c:if test="${zjInfo.ZJ_LEVEL == 'LEVEL_1' }">
								<img id="img_zj_${zjInfo.GYH}" alt="${zjInfo.REAL_NAME }" src="${ baseUrl}/other/showImgByGyh.do?gyh=${zjInfo.GYH}"/>
							</c:if>
						</c:forEach>
					</div>
					<div class="kong_54" id="dj_edj"></div>
					<div class="zn_edj">
						<!--二等奖展现区域-->
						<c:forEach items="${result.zjLevel2List }" var="zjInfo">
							<c:if test="${zjInfo.ZJ_LEVEL == 'LEVEL_2' }">
								<img id="img_zj_${zjInfo.GYH}" alt="${zjInfo.REAL_NAME }" src="${ baseUrl}/other/showImgByGyh.do?gyh=${zjInfo.GYH}"/>
							</c:if>
						</c:forEach>
					</div>
					<div class="kong_54" id="dj_sdj"></div>
					<div class="zn_sdj">
						<!--三等奖展现区域-->
						<c:forEach items="${result.zjLevel3List }" var="zjInfo">
							<c:if test="${zjInfo.ZJ_LEVEL == 'LEVEL_3' }">
								<img id="img_zj_${zjInfo.GYH}" alt="${zjInfo.REAL_NAME }" src="${ baseUrl}/other/showImgByGyh.do?gyh=${zjInfo.GYH}"/>
							</c:if>
						</c:forEach>
					</div>
				</div>
				<div class="center_cjq">
					<!--抽奖区域-->
					<img src="${baseUrl }/other/readyImg.do"/>
				</div>

				<!--员工信息显示区域-->
				<div class="right_ygxx">
					<div class="jpzs">
						<div class="ydjjp gyjp" style="display:block;">
							<div class="title">
								<img src="${baseUrl}/global/images/other/znnh/ydjjp.png"/>
							</div>
							<div class="jp">
								<img src="${baseUrl}/global/images/other/znnh/ydjwp.jpg"/>
							</div>
						</div>
						<div class="edjjp gyjp" style="display:none;">
							<div class="title">
								<img src="${baseUrl}/global/images/other/znnh/edjjp.png"/>
							</div>
							<div class="jp">
								<img src="${baseUrl}/global/images/other/znnh/edjwp.jpg"/>
							</div>
						</div>
						<div class="sdjjp gyjp" style="display:none;">
							<div class="title">
								<img src="${baseUrl}/global/images/other/znnh/sdjjp.png"/>
							</div>
							<div class="jp">
								<img src="${baseUrl}/global/images/other/znnh/sdjwp.png"/>
							</div>
						</div>
					</div>
					<div class="ygxx_gd"></div>
				</div>
				
				<div class="xh_bj"></div>
				<div class="clear"></div>
			</div>
			<div class="btn_cj">
				<a class="start" id="start">开始抽奖</a>
		    	<a class="over">停止</a>
		    	<a class="over01">停止</a>
		    	<a class="over02">停止</a>
			</div>
			<!--获奖展示框开始-->
			<div class="tmp_face">
				<div class="kong_220"></div>
				<div class="qpydj qptpkj" style="display:none;">
					<!--一等奖展现区域-->
					<c:forEach items="${result.zjLevel1List }" var="zjInfo">
						<c:if test="${zjInfo.ZJ_LEVEL == 'LEVEL_1' }">
							<div class="zt_kj" id= "result_ydj">
								<img id="img_jg_${zjInfo.GYH}" alt="${zjInfo.REAL_NAME }" src="${ baseUrl}/other/showImgByGyh.do?gyh=${zjInfo.GYH}"/>
								<div class="ghxm"><span class="name">${zjInfo.REAL_NAME }</span><span class="num_yg">${zjInfo.GYH }</span></div>
							</div>
						</c:if>
					</c:forEach>
				</div>
				<div class="qpedj qptpkj" style="display:none;">
				</div>
				<div class="dj_qpedj qptpkj" style="display:none;">
					<div class="img">
						<!--二等奖展现区域-->
						<c:forEach items="${result.zjLevel2List }" var="zjInfo">
							<c:if test="${zjInfo.ZJ_LEVEL == 'LEVEL_2' }">
								<div class="zt_kj" id= "result_edj">
									<img id="img_jg_${zjInfo.GYH}" alt="${zjInfo.REAL_NAME }" src="${ baseUrl}/other/showImgByGyh.do?gyh=${zjInfo.GYH}"/>
									<div class="ghxm"><span class="name">${zjInfo.REAL_NAME }</span><span class="num_yg">${zjInfo.GYH }</span></div>
								</div>
							</c:if>
						</c:forEach>
					</div>
				</div>
				<div class="qpsdj qptpkj" style="display:none;">
					<div class="img"></div>
				</div>
				<div class="dj_qpsdj qptpkj" style="display:none;">
					<div class="img">
						<!--三等奖展现区域-->
						<c:forEach items="${result.zjLevel3List }" var="zjInfo">
							<c:if test="${zjInfo.ZJ_LEVEL == 'LEVEL_3' }">
								<div class="zt_kj" id= "result_sdj">
									<img id="img_jg_${zjInfo.GYH}" data-original="img/tibet-1.jpg"  alt="${zjInfo.REAL_NAME }" src="${ baseUrl}/other/showImgByGyh.do?gyh=${zjInfo.GYH}"/>
									<div class="ghxm"><span class="name">${zjInfo.REAL_NAME }</span><span class="num_yg">${zjInfo.GYH }</span></div>
								</div>
							</c:if>
						</c:forEach>
					</div>
				</div>
				<div class="fhcj"><a><!--返回抽奖--></a></div>
			</div>
			<!--获奖展示框结束-->
		</div>
		<%-- <div>
			<c:forEach items="${result.list }" var="item">
				<div id = "div_${item.GYH }">
					<img id="img_${item.GYH }" src="${baseUrl}/other/showImg.do?imgFile=${item.PIC_PATH}" width="200px" height="200px"/>
				</div>
			</c:forEach>
		</div> --%>
	</body>
	<script type="text/javascript" src="${baseUrl}/global/js/other/znnh/scroll.js"></script>
	<script type="text/javascript" src="${baseUrl}/global/js/other/znnh/znnhcj.js"></script>
	<script type="text/javascript">
	$(function(){
		$(".ygxx_gd").myScroll({
			speed:40, //数值越大，速度越慢
			rowHeight:30 //li的高度
		});
	});
 	/* $('#result_ydj').viewer();
	$('#result_edj').viewer();
	$('#result_sdj').viewer();  */
	$('.qpydj').viewer();
	$('.dj_qpedj').viewer();
	$('.dj_qpsdj').viewer();
	</script>
</html>
